*{
    margin: 0;
    padding: 0;
}
body{
   width: 100%;
   height: 100%;
   background-color: #430377;
}
.header{
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 50px;
   line-height: 50px;
   text-align: center;
   color: #ffffff;
   font-size: 18px;
   letter-spacing: 4px;
   background-color: #410c68;
   margin-bottom: 20px;
}
.header>.jiantou{
   position: absolute;
   left: 29px;
}
.header>.jiantou>img{
   width: 13px;
   vertical-align: middle;
}
.dh-content{
   margin-top: 20px;
}

.dh-content>.title{
   font-size: 14px;
   color: #a15bfe;
   margin-bottom: 22px;
   text-align: center;
}
.dh-content>.input{
   width: 95%;
   height: 141px;
   background-color: #ffffff;
   border-radius: 10px;
   margin: 0 auto ;
   padding-left: 5px;
}
.dh-content>.input>.list{
   width: 100%;
   height: 44px;
   line-height: 44px;
   border-bottom: 1px solid #dadada;
   color: #5f5f5f;
   font-size: 14px;
   text-indent: 5px;
}
.dh-content>.input>.list>span{
   margin-left: 22px;
}
.dh-content>.input>.list>input{
   margin-left: 22px;
   border: none;
   outline: none;
}
.dh-content>.input>.list>input::-webkit-input-placeholder{
   color: #c3c3c3;
}
.dh-content>.input>.pwd{
   border-bottom: none;
}

.dh-content>.btn{
   margin-top: 17px;
   display: flex;
}
.dh-content>.btn>div{
   flex: 1;
   display: flex;
   justify-content: center;
}
.dh-content>.btn>div>button{
   width: 142px;
   height: 37px;
   background-color: #8a4cd8;
   border-radius: 5px;
   border: none;
   outline: none;
   text-align: center;
   color: #fff;
   font-size: 15px;
}

.dh-content>.btn>.active>button{
   background-color: #5a2898;;
}